@extends('layouts.frontend-iframe-base')


@section('css')
@stop

@section('content')
        <!-- Content Header (Page header) -->
<section class="content-header">
    <h1>
        实时监测
        <small>气象站点列表</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
        <li class="active">首页</li>
    </ol>
</section>

<!-- Main content -->
<section class="content">

    <!-- Your Page Content Here -->
    <div class="box">
        <div class="box-header">
            <h3 class="box-title">我的测点列表</h3>
        </div>
        <!-- /.box-header -->
        <div class="box-body">
            <table id="J-dt" class="table table-bordered table-hover">
                <thead>
                <tr>
                    <th>序号</th>
                    <th>测点</th>
                    <th>方向</th>
                    <th>备注</th>
                    <th>操作</th>
                    <th style="display: none"></th>
                </tr>
                @foreach($lists as $k=>$list )
                    <tr>
                        <td>{{$k+1}}</td>
                        <td>{{$list->name}}</td>
                        <td>{{$list->direction}}</td>
                        <td>{{$list->remarks}}</td>
                        <td style="display: none">{{$list->id}}</td>
                        <td>
                            <button value="1" type="button" class="btn btn-info pull-lift">修改</button>
                            <button value="2" type="button" class="btn btn-info pull-lift">删除</button>
                        </td>
                    </tr>
                @endforeach
                </thead>
                <tbody></tbody>
            </table>
        </div>
        <!-- /.box-body -->
    </div>
    <!-- /.box -->


</section>
<!-- /.content -->


@stop

@section('js')
    <script>
        $(function () {
            $('button').click(function () {
               var value =  $(this).val();
                var station_id = $(this).parent('td').parent('tr').children('td').eq(4).text();
               if(value == 2) {
                   if (confirm('确认删除吗')) {
                       $.post('/frontend/weather/del-station', {'delete_id': station_id}, function (data) {
                           if (data.status == 1) {
                               alert('成功');
                               window.location.reload();
                           }
                       })
                   }
               }else{
                   window.location.href="/frontend/weather/update-station?update_id="+station_id;
               }
            })
        })
    </script>
@stop
    {{--<script>--}}

        {{--$(function () {--}}
            {{--$('#J-dt').DataTable({--}}
                {{--"paging": true,--}}
                {{--"lengthChange": false,--}}
                {{--"searching": true,--}}
                {{--"ordering": true,--}}
                {{--"info": true,--}}
                {{--"autoWidth": false,--}}
                {{--"ajax": {--}}
                    {{--"url": "/frontend/weather/stations-list",--}}
                    {{--"type": "get"--}}
                {{--},--}}
                {{--"columns": [--}}
                    {{--{"data": "name"},--}}
                    {{--{"data": "direction"},--}}
                    {{--{"data": "remarks"},--}}
                    {{--{"data": "group.name", "defaultContent": "暂无分组"},--}}
                    {{--{"data": "id"}--}}
                {{--],--}}
                {{--"columnDefs": [--}}
                    {{--{--}}
                        {{--"targets": -1,--}}
                        {{--"render": function (data, type, row) {--}}
                            {{--return '<a href="/frontend/device/detail?id=' + data + '" class="btn btn-success btn-sm J-del-btn" data-id="' + data + '"><i class="fa fa-bar-chart-o"></i></a>';--}}
                        {{--}--}}
                    {{--}--}}


                {{--]--}}
            {{--});--}}


        {{--});--}}


    {{--</script>--}}
{{--@stop--}}